/* This file has global styles, which apply to all. Add page specific styles to specific stylesheets - e.g. login.css */
:root {
    /* Brand specific colours - This is the only place we should have colour codes - everywhere else, we should refer to these variables */
    --atos-blue: #00005C;
    --atos-light-blue: #0080FF;
    --atos-table-row: #F9F9F9;
    --atos-form-fields: #FBFBFB;
    --atos-white: #FFFFFF;
    --atos-red: #E51B00;
    /* Globals - using as per Bootstrap 5.3, so when this is released we can make use of it - https://getbootstrap.com/docs/5.3/customize/color/ */
    --bs-body-bg: var(--atos-white);
    --bs-body-color: var(--atos-blue);
    --bs-secondary-bg: var(--atos-blue);
    --bs-secondary-color: var(--atos-white);
    --bs-tertiary-bg: var(--atos-table-row);
    --bs-tertiary-color: var(--atos-blue);
    --bs-primary: var(--atos-blue);
    --bs-primary-text: var(--atos-blue);
    /* Globals - our own font size variables */
    --atos-body-size: 1rem;
    --atos-h1-size: 79px;
    --atos-h1-login-size: 61px;
    --atos-h1-mobile-size: 25px;
    --atos-h1-mobile-login-size: 30px;
    --atos-h2-size: 40px;
    --atos-h3-size: 32px;
    --atos-h4-size: 24px;
    --atos-h5-size: 20px;
    --atos-h6-size: 18px;
    --atos-validation-size: 14px;
}


/* In the below, we should only use the global color variables above */
/* ---------- 1 - Global ---------- */

/*fonts*/
@font-face {
    font-family: 'Raleway Regular';
    src: url(fonts/Raleway-Regular.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Raleway Medium';
    src: url(fonts/Raleway-Medium.ttf) format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Raleway Bold';
    src: url(fonts/Raleway-Bold.ttf) format('truetype');
    font-weight: 700;
}


@font-face {
    font-family: 'Raleway Extra Bold';
    src: url(fonts/Raleway-ExtraBold.ttf) format('truetype');
    font-weight: 800;
}


body, p, legend {
    font-family: 'Raleway Medium', sans-serif;
    font-size: var(--atos-body-size);
    line-height: 1.5rem;
    color: var(--atos-blue);
}

span {
    font-family: 'Raleway Regular', sans-serif;
}

h1 {
    font-size: var(--atos-h1-size);
    font-family: 'Raleway ExtraBold', sans-serif;
    line-height: 94px;
    color: var(--atos-blue);
}


@media only screen and (max-width: 991px) {
    h1 {
        font-size: var(--atos-h1-mobile-size);
        line-height: 31px;
    }

    .row {
        --bs-gutter-x: 0em;
    }
}

h2 {
    font-size: var(--atos-h2-size);
    line-height: 48px;
    font-family: 'Raleway Bold', sans-serif;
    color: var(--bs-body-color);
}

h3 {
    font-size: var(--atos-h3-size);
    line-height: 40px;
    font-family: 'Raleway Bold', sans-serif;
    color: var(--bs-body-color);
}

h4 {
    font-size: var(--atos-h4-size);
    line-height: 32px;
    font-family: 'Raleway Bold', sans-serif;
    color: var(--bs-body-color);
}

h5 {
    font-size: var(--atos-h5-size);
    line-height: 28px;
    font-family: 'Raleway Bold', sans-serif;
    color: var(--bs-body-color);
}

h6 {
    font-size: var(--atos-h6-size);
    line-height: 24px;
    font-family: 'Raleway Bold', sans-serif;
    color: var(--bs-body-color);
}

/*page content width*/
@media only screen and (min-width: 1401px) {
    .ps-5, .language-object {
        padding-left: 6rem !important;
    }

    .pe-5, .language-object {
        padding-right: 6rem !important;
    }
}

@media only screen and (max-width: 1400px) {
    .ps-5 {
        padding-left: 0rem !important;
    }

    .pe-5 {
        padding-right: 0rem !important;
    }
}

@media only screen and (min-width: 1600px) {
    #dl-home-section, #dl-home-curved {
        padding-left: 6rem !important;
    }

    #dl-home-section, #dl-home-curved {
        padding-right: 6rem !important;
    }
}

.row {
    --bs-gutter-x: 0px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

/*navigation*/

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.hover, .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--atos-light-blue) !important;
}

@media only screen and (min-width: 992px) and (max-width: 1263px) {
    .navbar, .language-object {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
    }
}

@media only screen and (min-width: 1264px) and (max-width: 1400px) {
    .navbar, .language-object {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}

@media only screen and (min-width: 992px) {
    .navbar .d-flex.flex-md-column.w-100.h-100 {
        transform: translate(0, 10%) !important;
    }
}

.navbar-toggler {
    padding: 0px;
}

.navbar-toggler-icon {
    width: 1.4em;
    height: 1.4em;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27.6 23'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2300005c; stroke: %2300005c; stroke-miterlimit: 10; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m0,1.5h27.6M0,11.5h27.6M0,21.5h27.6'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 991px) {
    .navbar-nav .dropdown-menu, li.nav-item.dropdown {
        float: right;
        text-align: right;
    }
}

@media only screen and (min-width: 992px) {
    .navbar-nav .dropdown-menu, li.nav-item.dropdown {
        float: unset;
        text-align: unset;
    }
}


/*links*/
a {
    text-decoration: underline !important;
}

    a:hover {
        color: var(--atos-blue) !important;
    }

/*header*/
header, header .container {
    background-color: var(--atos-white);
    padding-left: 0px;
    padding-right: 0px;
    z-index: 9;
}

@media only screen and (max-width: 575px) {
    header .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

header a {
    text-decoration: none !important;
}


/*footer*/
.footer div.container-fluid.d-flex.justify-content-between {
    padding-left: 0px;
    padding-right: 0px;
}

.footer, .footer .container {
    background-color: var(--atos-blue) !important;
    font-family: 'Raleway Regular';
}

    .footer a, .footer p {
        text-decoration: underline !important;
        color: var(--atos-white) !important;
        line-height: 1.5rem;
    }

    .footer a {
        text-decoration: underline !important;
    }


    .footer p {
        margin-bottom: 0px;
    }

    .footer a:hover, .footer p {
        text-decoration: none !important;
        color: var(--atos-white) !important;
    }

@media only screen and (min-width: 992px) {
    .footer a:first-child {
        margin-right: 20px;
    }
}
    @media only screen and (max-width: 991px) {
        .justify-content-between {
            display: block !important;
        }

        div.col-sm.gx-0 {
            text-align: center !important;
        }

        .a-mobile-f .justify-content-between {
            text-align-last: justify !important;
        }

        .a-main-f {
            display: none !important;
        }

        .footer .ps-5 {
            padding-left: 20px !important;
        }

        .footer .pe-5 {
            padding-right: 20px !important;
        }

        .footer {
            padding-top: 30px;
            padding-bottom: 30px;
        }
    }


    .footer {
        background-color: var(--atos-blue);
    }

    @media only screen and (max-width: 1400px) {
        .footer {
            padding-left: 3rem !important;
            padding-right: 3rem !important;
        }
    }

    @media only screen and (min-width: 1401px) {
        .footer {
            padding-left: 6rem !important;
            padding-right: 6rem !important;
        }
    }

    /*@media only screen and (max-width: 768px) {
    .footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    .footer {
        padding-left: 30px;
        padding-right: 30px;
    }
}

    @media only screen and (min-width: 992px) {
        .a-mobile-f {
            display: none !important;
        }
    }

    @media only screen and (min-width: 992px) and (max-width: 1263px) {
        .footer .pe-5 {
            padding-right: 40px !important;
        }

        .footer .ps-5 {
            padding-left: 40px !important;
        }
    }

    @media only screen and (min-width: 1264px) and (max-width: 1400px) {
        .footer .pe-5 {
            padding-right: 40px !important;
        }

        .footer .ps-5 {
            padding-left: 40px !important;
        }
    }*/

    /*footer img resizing*/

    .footer-logo img, .footer-logo-mo img {
        margin: 0 auto;
    }


    @media only screen and (min-width: 992px) and (max-width: 1125px) {
        .footer-logo img {
            width: 245px;
        }
    }

    @media only screen and (max-width: 991px) {
        .footer-logo-mo img {
            width: 157px;
            padding-top: 20px;
            padding-bottom: 12px;
        }

        .footer .text-end {
            padding-top: 12px;
            padding-bottom: 25px;
            display: grid;
        }

        .footer a:first-child {
            margin-bottom: 10px;
        }

        .footer-logo {
            display: none !important;
        }

        div.col-sm.gx-0, .col-sm.x-0.at-ft-txt {
            text-align: center !important;
        }
    }

    @media only screen and (min-width: 992px) {
        .footer-logo-mo {
            display: none !important;
        }
    }

    /*buttons*/
    button, .btn, .btn-primary, .btn .btn-primary {
        background: var(--atos-blue);
        color: var(--atos-white) !important;
        border-radius: unset;
        border: none;
        text-transform: none;
        padding: 12px 52px;
        font-family: 'Raleway Bold';
        font-size: 20px;
    }

    a.btn.btn-primary {
        color: var(--atos-white) !important;
        text-decoration: none !important;
    }


    .btn-secondary {
        background: var(--atos-blue) !Important;
        color: var(--atos-white) !Important;
    }

        .btn-secondary:hover {
            background: var(--atos-light-blue) !Important;
            color: var(--atos-white) !Important;
        }

    .button:hover, .btn:hover, .btn .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: var(--atos-light-blue) !important;
        color: var(--atos-white) !important;
    }

        .btn-primary:active:focus {
            box-shadow: none;
        }


    /*tables*/
    td {
        word-break: keep-all;
        padding: 18px 10px 18px 12px !important;
    }

    /*acordion buttons*/

    #accordion {
        padding-left: 20px;
        padding-right: 20px;
    }

    .accordion {
        margin-bottom: 20px !important;
    }

.accordion-button::after {
    transform: rotate(-180deg) !important;
}

.accordion-button:not(.collapsed)::after {
    transform: unset !important;
}

.accordion-button::after {
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;fill:%2300005C;}</style><path class="st0" d="M1.6,4.6c0.2-0.2,0.5-0.2,0.7,0l0,0L8,10.3l5.6-5.6c0.2-0.2,0.5-0.2,0.7,0s0.2,0.5,0,0.7l-6,6c-0.2,0.2-0.5,0.2-0.7,0l0,0l-6-6C1.5,5.2,1.5,4.8,1.6,4.6L1.6,4.6z"/></svg>') !important;
}

    button.accordion-button.collapsed, .accordion-button:not(.collapsed) {
        background-color: var(--atos-table-row);
        font-size: var(--atos-h4-size);
        color: var(--atos-blue) !important;
        line-height: 28px;
        box-shadow: none !important;
    }

    .accordion-item {
        background-color: var(--atos-table-row);
        border: none;
    }

.accordion-item h2 {
    margin-bottom: 0px !important;
}

.accordion-body {
    background-color: var(--bs-body-bg);
}

        .accordion-body ul, .accordion-body a, .accordion-body p, .accordion-body strong, .accordion-body {
            color: var(--atos-blue);
        }

            .accordion-body a:hover {
                color: var(--atos-light-blue);
            }


/*tables - alternating row colours*/
.tickettabletr, .ModPulseOrdersC thead tr td, .scrolly_table thead tr, .ModPulsePackageListingForProgrammeC thead tr, .ModPulsePackageListingForWaveC thead tr {
    color: var(--atos-white) !important;
}

    /*link colours*/
    tr:nth-child(even) a {
        color: var(--bs-body-color);
    }

        tr:nth-child(even) a:hover, tr:nth-child(even) a span:hover {
            color: var(--atos-light-blue);
        }

    tr:nth-child(odd) a:hover, tr:nth-child(odd) a span:hover {
        color: var(--atos-light-blue);
    }

    tr:nth-child(odd) a, tr:nth-child(odd) span {
        color: var(--atos-blue);
    }

    /*buttons*/
    a.btn.btn-default:nth-child(odd):before, tfoot a.btn.btn-default:nth-child(odd):before {
        content: none;
    }

    tr:nth-child(odd) .btn {
        background-color: var(--atos-blue);
        color: var(--atos-white) !important;
        text-decoration: none !important;
    }

        tr:nth-child(odd) .btn:hover {
            background-color: var(--atos-light-blue);
            color: var(--atos-white) !important;
        }

    tr:nth-child(even) .btn {
        background-color: var(--atos-blue);
        color: var(--atos-white) !important;
        text-decoration: none !important;
    }

        tr:nth-child(even) .btn:hover {
            background-color: var(--atos-light-blue);
            color: var(--atos-white) !important;
        }

    /*table footer*/
    tfoot tr, tfoot tr:nth-child(even), tfoot tr:nth-child(odd) span {
        background-color: var(--atos-light-blue) !important;
        color: var(--atos-white) !important;
        font-size: 18px;
        line-height: 22px;
        font-family: 'Raleway Bold' !important;
    }


    /*forms*/
    .justify-content-end .mb-3 {
        margin-bottom: 0px !important;
    }

    #4ce9db19-ffec-4cfb-86a9-b27fefc62a8f {
        margin-bottom: 10px;
    }

    .formbx .row {
        --bs-gutter-x: 30px;
    }

    .mb-3 {
        margin-bottom: 0px !important;
    }

fieldset {
    padding-bottom: 20px;
}

    .form-control, .form-select, .form-control.is-valid, .form-select.is-valid {
        border-radius: unset;
        /*margin-bottom: 30px;*/
        color: var(--atos-blue);
        border: 1px solid var(--atos-blue);
    }

        .form-control:focus {
            color: var(--atos-blue);
        }

        .form-control.is-invalid, .form-control.is-invalid {
            border: 1px solid var(--atos-red) !important;
        }

    .was-validated .form-check-input:invalid ~ .form-check-label {
        color: var(--atos-blue);
    }

    .col-sm-8 .columns .content-pad .formbx {
        margin-bottom: 30px;
    }

    label {
        color: var(--atos-blue);
    }

    .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
        color: var(--atos-blue);
    }

    .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
        background-color: var(--atos-blue);
    }

    .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    }

.col-form-label {
    color: var(--atos-blue);
}

    .formbx span, .formbx a {
        color: var(--atos-blue);
    }

    .ilbox {
        border-radius: unset;
        padding: 0px;
    }

    .butbx .btn, .butbx [type=submit]:not(:disabled), button:not(:disabled) {
        color: var(--atos-blue);
    }

    .btn-primary {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .container-fluid .container {
        padding-left: 0;
        padding-right: 0;
    }

    input, #columnList, #comparisonList, .js-filter-logic, .js-filter-operator, select, textarea {
        border-radius: unset;
        margin-bottom: 10px;
        color: var(--atos-blue);
        border: 1px solid var(--atos-blue);
        font-size: var(--atos-body-size);
        line-height: 1.5;
        padding: .375rem 2.25rem .375rem .75rem;
    }

    #columnList, #comparisonList, .js-filter-logic, .js-filter-operator {
        margin-bottom: 30px;
    }

    /*form radio buttons*/
    .form-check .form-check-input {
        float: none;
        padding: 0px;
        margin-right: 10px;
        border: 1px solid var(--atos-blue);
    }

    .form-check-input:checked {
        background-color: var(--atos-blue);
        border-color: var(--atos-blue);
    }

    .form-check-input {
        border: 1px solid var(--atos-blue);
        width: 1em;
        height: 1em;
    }

    .form-check .form-check-input {
        margin-left: 0px !important;
    }

    .form-check {
        padding-left: 0px;
        display: block;
    }

    /*check boxes*/
    .form-check-input[type=checkbox] {
        margin-right: 5px;
        border: 1px solid var(--atos-blue);
    }

    /*form validation*/
    .validation-summary-errors, .text-danger {
        color: var(--atos-red) !important;
        font-size: var(--atos-validation-size);
        font-family: 'Raleway Medium';
        margin-top: 0px;
        padding-bottom: 10px;
    }

    #firstNameError, #surNameError, #salutationError, .modalerror {
        font-size: var(--atos-validation-size);
        color: var(--atos-red);
        font-family: 'Raleway Medium';
    }

    .invalid-feedback, .was-validated :invalid ~ .invalid-feedback {
        font-size: var(--atos-validation-size);
        color: var(--atos-red);
        font-family: 'Raleway Medium';
    }

    .was-validated :invalid ~ .invalid-feedback {
        margin-top: 0px;
    }

    /*@media only screen and (min-width: 832px) {
        .invalid-feedback, .was-validated :invalid ~ .invalid-feedback {
            width: 60%;
        }
    }

    @media only screen and (min-width: 576px) and (max-width:831px) {
        .invalid-feedback, .was-validated :invalid ~ .invalid-feedback {
            width: 39%;
        }
    }

    @media only screen and (max-width: 575px) {
        .invalid-feedback, .was-validated :invalid ~ .invalid-feedback {
            width: 52%;
        }
    }*/

    .form-select.is-invalid:not([multiple]):not([size]) {
        margin-bottom: 10px;
        border: 1px solid var(--atos-red);
    }

    .formbx .form-control.is-invalid, .was-validated .form-control:invalid {
        margin-bottom: 10px;
    }


    /*dropdown menu*/
    .dropdown-menu {
        border: 0px solid transparent;
        border-radius: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        z-index: 999 !important;
    }

        .dropdown-menu .nav-link {
            padding-top: 10px;
            padding-bottom: 0px;
        }


    /*menu*/
    .navbar {
        align-items: baseline;
    }

    ul.navbar-nav li {
        flex: 1 1 auto !important;
    }

    .navlink {
        transition: unset !important;
    }


    .navbar-nav, .navbar-dark .navbar-nav .nav-link {
        font-size: var(--atos-h6-size);
        color: var(--atos-blue) !important;
    }

    a.nav-link span {
        font-family: 'Raleway Medium' !important;
        font-size: var(--atos-h5-size) !important;
        line-height: 28px;
    }

        a.nav-link span:hover {
            color: var(--atos-light-blue) !important;
        }

    @media only screen and (min-width: 992px) and (max-width: 1149px) {
        .navbar-nav a {
            font-size: 17px !important;
        }
    }


    @media (max-width: 767px) {
        .navbar {
            align-items: center;
        }
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    ul.navbar-nav li:nth-last-child(1) {
        padding-right: 0px !important;
    }

    @media only screen and (min-width: 992px) and (max-width: 1162px) {
        a.nav-link span {
            font-size: 16px !important;
            line-height: 20px !important;
        }
    }

    @media (max-width: 991px) {
        ul.navbar-nav li {
            padding-left: 0px !important;
        }
    }

    @media (min-width: 1340px) and (max-width: 1463px) {
        ul.navbar-nav li {
            padding-right: 7px;
            padding-left: 7px;
        }
    }

    @media (min-width: 1464px) {
        ul.navbar-nav li {
            padding-right: 25px !important;
            padding-left: 25px;
        }

        ul.dropdown-menu li:nth-last-child(1) {
            padding-right: 25px !important;
            padding-left: 25px !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1339px) {
        ul.navbar-nav li {
            padding-right: 7px;
            padding-left: 7px;
        }

        ul.dropdown-menu li:nth-last-child(1) {
            padding-right: 7px !important;
            padding-left: 7px;
        }
    }


    /*dropdown menu specific*/
    ul.dropdown-menu li:nth-last-child(1) {
        padding-right: 10px;
        padding-left: 10px;
    }

    .dropdown-menu li {
        padding-bottom: 10px;
    }

        .dropdown-menu li:nth-last-child() {
            padding-bottom: 0px;
        }

    @media only screen and (max-width: 991px) {
        .dropdown-menu {
            border-radius: unset;
        }

        ul.navbar-nav li {
            align-self: self-end;
        }

        .pb-2 {
            padding-bottom: 1rem !important;
        }

        .pt-2 {
            padding-top: 1rem !important;
        }
    }

    .navbar-brand img, .inner-logo {
        padding: 0px 0px 0px 0px;
    }

    .navbar-brand {
        padding-bottom: 0px;
    }

    /* ---------- 2 - ModRegistrationFormC  ---------- */
    .ModRegistrationFormC button:hover, .ModRegistrationFormC btn:hover, ModRegistrationFormC .btn-primary:hover {
        background-color: var(--atos-light-blue) !important;
        color: var(--atos-white) !important;
    }

    .ModRegistrationFormC .btn-secondary:hover {
        background-color: var(--atos-light-blue) !important;
        color: var(--atos-white) !important;
    }

    .ModRegistrationFormC .regitem, .ModRegistrationFormC .reggrptle {
        list-style-type: none;
    }

    .ModRegistrationFormC .btn-primary {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .ModRegistrationFormC .btn-secondary {
        margin-bottom: 30px !important;
    }


    .ModRegistrationFormC .reggrptle a {
        color: var(--atos-light-blue) !important;
        text-decoration: underline !important;
        font-size: var(--atos-h6-size) !important;
        line-height: 24px !important;
        font-family: 'Raleway Bold' !important;
    }

    .ModRegistrationFormC .regitem a {
        color: var(--atos-white) !important;
        text-decoration: none !important;
    }

    .ModRegistrationFormC .content-pad.content-image .regitem a {
        font-family: 'Raleway Bold';
        font-size: var(--atos-h6-size);
        line-height: 24px;
        text-decoration: none !important;
    }

    .ModRegistrationFormC li.regitem, .ModRegistrationFormC li.reggrptle {
        padding-bottom: 15px;
    }

    .ModRegistrationFormC .reggrptle a:active, .ModRegistrationFormC .regitem a:hover, .ModRegistrationFormC .regitem a:active {
        text-decoration: underline !important;
        font-size: var(--atos-h6-size) !important;
        line-height: 24px !important;
        font-family: 'Raleway Bold' !important;
        color: var(--atos-light-blue) !important;
    }

    .ModRegistrationFormC .formbx a:hover {
        color: var(--atos-light-blue);
    }


    .ModRegistrationFormC .mb-3 {
        padding-bottom: 20px !important;
    }

        .ModRegistrationFormC .mb-3:nth-last-child(2) {
            padding-bottom: 0px !important;
        }

    .ModRegistrationFormC .butbx {
        padding-top: 20px;
    }

    .ModRegistrationFormC label {
        font-family: 'Raleway Medium';
    }

        .ModRegistrationFormC label.form-check-label {
            font-weight: 400 !important;
            display: inline;
        }

    .ModRegistrationFormC .form-check {
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .ModRegistrationFormC .radcheck {
        color: var(--atos-blue);
        font-weight: 700;
    }

    .ModRegistrationFormC .form-check:nth-last-child() {
        padding-bottom: 30px;
    }

    .ModRegistrationFormC .row {
        justify-content: space-between;
    }

    @media only screen and (min-width: 576px) {
        .ModRegistrationFormC .col-sm-4.content-pad {
            width: 31.33333333%;
        }

        .ModRegistrationFormC .col-sm-8.content-pad {
            width: 64.66666667%;
        }
    }

    @media only screen and (max-width: 575px) {
        .col-sm-4.content-pad.content-image {
            margin-bottom: 20px !important;
        }
    }

    .ModRegistrationFormC li.regitem {
        word-break: break-word;
    }

    .ModRegistrationFormC .was-validated .form-check-input:invalid {
        border: 1px solid var(--atos-red);
    }

    /* ---------- 3 - ModChangeGuestC ---------- */
    .ModChangeGuestC .col-sm-8 .btn {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .ModChangeGuestC .form-control.is-invalid {
        margin-bottom: 10px;
    }

    /* ---------- 4 - ModDeclineC ---------- */
    .ModDeclineC .invalid-feedback {
        margin-bottom: 0px;
    }

    .ModDeclineC button:hover, .btn:hover {
        background-color: var(--atos-light-blue);
        color: var(--atos-white);
    }

    /* ---------- 5 - MRSVPPanel ---------- */
    .RSVPPanel .mb-3 {
        padding-bottom: 20px !important;
    }

        .RSVPPanel .mb-3:nth-last-child(2) {
            margin-bottom: 0px !important;
        }

    .RSVPPanel input[type="text"] {
        width: 100%;
    }


    .RSVPPanel button {
        padding: 9px 19px !important;
    }
    /* ---------- 6 - Reg Panel---------- */
    .regitem a, .reggrptle {
        font-size: var(--atos-body-size);
        line-height: 1.85rem;
        text-decoration: none;
        color: var(--atos-blue);
    }

        .reggrptle a {
            font-weight: 700;
            text-decoration: none;
        }

        .regitem a:hover {
            text-decoration: underline;
        }

        .list0, .reggrptle a, .reggrptle::marker, .regitem a {
            color: var(--atos-blue);
        }

    .list0 {
        padding: 0px !important
    }


    .modal-content .row {
        padding-bottom: 20px;
    }

    .modal-content .form-check {
        display: flex;
    }

    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 900px;
        }
    }

    .modal-content label {
        padding-right: 20px;
        display: inline-flex;
    }

    #modalDismissButton:hover {
        background-color: var(--atos-light-blue);
    }

    .js-filter-criterion:nth-child(1) {
        padding-top: 0px;
    }

    .js-filter-criterion {
        padding-top: 20px;
    }

    #scrolling_table_1 {
        max-height: 100% !Important;
    }

    /*language options*/
    .language-object {
        padding-top: 15px;
        padding-bottom: 0px;
    }

        .language-object .selected img, svg {
            border: 2px solid var(--atos-light-blue);
        }

        .language-object .Language {
            padding-left: 30px;
        }

        .language-object img, svg {
            border-radius: 0%;
            height: 23px;
        }


    /* ---------- 9 - ModPulseGuestRegistrationC ---------- */
    .ModPulseGuestRegistrationC #filters .row {
        --bs-gutter-x: 30px;
        margin-bottom: 0px;
    }

    .ModPulseReportC, .ModPulseUploadGuestListC, #filter-978, #filter-982 {
        background-color: var(--atos-blue);
    }

    /*forms - /Guest/Registration page*/
    #filter-978 {
        margin-bottom: 40px;
    }

    /*buttons*/
    .ModPulseGuestRegistrationC [type=button], #filter-982 #filterAdd, #filter-982 #btnFind {
        background-color: var(--atos-blue);
        color: var(--atos-white);
        border-radius: unset;
        border: 1px solid var(--atos-blue);
        padding: 10px 25px;
    }

    .ModPulseReportC .btn:hover, .ModPulseUploadGuestListC .btn:hover, #filterAdd:hover, #btnFind:hover {
        background-color: var(--atos-light-blue);
        color: var(--atos-white);
    }

    #filterAdd, #btnFind {
        font-size: var(--atos-h6-size);
    }

    /* ---------- 10 - ModMyPackagesC ---------- */
    .ModMyPackagesC {
        padding: 0px;
        padding-top: 30px;
    }

    .ModPulsePackageStatusAggregationC {
        overflow-x: auto;
    }

    .ModMyPackagesC li div {
        margin-bottom: 30px;
    }


    .modal-body {
        padding: 10px;
    }

    .ModMyPackagesC ul {
        list-style-type: none;
    }

    .ModMyPackagesC a {
        color: var(--atos-blue);
    }

        .ModMyPackagesC a:hover {
            color: var(--atos-blue);
        }

    /*sign-up page validation*/
    span.dnnFormRequired:after {
        content: "*";
        display: inline-block;
        margin: 0 0 0 5px;
        color: var(--atos-red);
        font-size: 16px;
        line-height: 1em;
        font-weight: 700;
    }

    /*empty panes*/
    .DNNEmptyPane {
        padding: 0px !important;
        margin: 0px !important;
    }


    body.personabar-visible .DNNEmptyPane, body.personabar-visible .headerPane.DNNEmptyPane {
        display: unset !important;
    }


    body.personabar-visible #dnn_BannerPaneM, body.personabar-visible #dnn_BannerPane {
        display: unset !important;
    }


    /*photo banners*/

    /**img.atos-shapes {
        float: right !important;
    }

    img.atos-shapes-m {
        float: right !important;
    }*/

    #dnn_BannerPane div.col.home {
        height: 400px;
    }

    dnn_BannerPaneM div.col.home {
        height: 250px !important;
    }


#atos-shapes, #atos-shapes-m {
    /*position: absolute;
        right: 0px;*/
    display: none !important;
}

    .dnnEditState #atos-shapes, .dnnEditState #atos-shapes-m {
        display: none !important;
    }

/*#atos-shapes-m {
        float: right !important;
        z-index: 99;
        right: 0px;
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        #atos-shapes-m {
            top: 30.7% !important;
        }
    }

    @media only screen and (max-width: 767px) {
        #atos-shapes-m {
            top: 30%;
        }
    }*/

    @media only screen and (max-width: 991px) {
        img.atos-banner {
            height: 250px;
            width: 100% !important;
            object-fit: cover !important;
        }
    }

    @media only screen and (min-width: 992px) {
        img.atos-banner {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }
    }


    .pod:last-child {
        margin-bottom: 0px !important;
    }

    #dnn_BannerPane .pod {
        margin: 0px !important;
    }

    div.col.home {
        background-color: var(--atos-blue);
    }

    div.col.registration {
        background-color: var(--atos-blue);
    }


    #dnn_BannerPane, #dnn_BannerPaneM {
        padding: 0px;
        position: relative;
    }

        #dnn_BannerPane img {
            object-position: top right;
        }

    /*@media only screen and (max-width: 1199px) {
        #dnn_BannerPane img {
            transform: translate(11%,0);
        }
    }*/

    @media only screen and (min-width: 1401px) {
        #dnn_BannerPane h1, #dnn_BannerPane span {
            padding-left: 6rem;
        }
    }

    @media only screen and (max-width: 1400px) {
        #dnn_BannerPane h1, #dnn_BannerPane span {
            padding-left: 2.5rem;
        }
    }


    @media only screen and (min-width: 992px) {
        #dnn_BannerPane h1 {
            position: absolute;
            top: 16%;
            padding-right: 40px;
            z-index: 5;
            font-family: 'Raleway Extra Bold';
            color: var(--atos-white);
            font-size: var(--atos-h1-size);
            line-height: 106px;
        }
    }

    @media only screen and (min-width: 992px) {
        #dnn_BannerPane span {
            position: absolute;
            padding-right: 40px;
            z-index: 5;
            font-family: 'Raleway Bold';
            font-size: 20px;
            line-height: 26px;
            top: 50%;
            color: var(--atos-white);
        }
    }

    @media only screen and (min-width: 992px) {
        #dnn_BannerPaneM, .atos-shapes-m {
            display: none;
        }
    }


    /*photo banner - mobile*/

    @media only screen and (max-width: 991px) {
        #dnn_BannerPane, .atos-shapes {
            display: none;
        }
    }

    @media only screen and (max-width: 768px) {
        #dnn_BannerPaneM h1, #dnn_BannerPaneM span {
            padding-left: 20px !important;
        }
    }

    @media only screen and (min-width: 769px) and (max-width: 991px) {
        #dnn_BannerPaneM h1, #dnn_BannerPaneM span {
            padding-left: 40px !important;
        }
    }

    @media only screen and (max-width: 991px) {
        #dnn_BannerPaneM {
            margin-bottom: 0%;
        }
    }

    @media only screen and (max-width: 991px) {

        #dnn_BannerPaneM h1 {
            position: absolute;
            padding-left: 20px;
            padding-right: 40px;
            z-index: 10;
            font-family: 'Raleway Bold';
            font-size: 40px;
            line-height: 40px;
            color: var(--atos-white);
            top: 15%;
        }

        #dnn_BannerPaneM span {
            font-family: 'Raleway Bold';
            font-size: 18px;
            line-height: 22px;
            position: relative;
            padding-left: 20px;
            padding-right: 20px;
            display: block;
            color: var(--atos-blue) !important;
        }

        .at-ban-text {
            position: inherit;
            background-color: var(--atos-white);
            color: var(--atos-blue) !important;
            margin-top: 43px;
        }
    }

    /*privacy*/
    .dnnPrivacy.dnnClear {
        margin-top: 20px;
    }

/*itinerary module*/
.itinerary-day {
    box-shadow: none !important;
    padding: 0px !important;
    font-size: var(--atos-h3-size);
    line-height: 32px;
    margin-top: 20px;
}

    .itinerary-day ul {
        padding: 0px !important;
        margin-top: 30px !important;
    }

.ModItineraryV2C .itinerary-day ul, .ModItineraryV2C .itinerary-day li {
    list-style-type: none !important;
}


.itinerary-item {
    margin-bottom: 20px;
    border: none;
    background-color: var(--atos-table-row);
    padding: 20px;
}

    .itinerary-item p {
        color: var(--atos-blue) !important;
    }

    .itinerary-item .col-md-1 {
        align-content: space-around;
    }

@media only screen and (min-width: 1920px) {
    .itinerary-item img {
        max-width: 70% !important;
    }
}

@media only screen and (min-width: 576px) and (max-width: 1919px) {
    .itinerary-item p {
        margin-left: 20px !important;
    }
}


@media only screen and (max-width: 575px) {
    .ModItineraryV2C {
        text-align: center !important;
    }

    .itinerary-item img {
        max-width: 25% !important;
        margin-bottom: 20px !important;
    }

    .ModItineraryV2C .itinerary-item .col-md-11 {
        padding-left: 0px !important;
    }
}

/*locked registration styling*/

span.locked-input {
    display: list-item;
    margin-left: 20px !important;
}

span.locked-input, span.locked-label {
    margin-bottom: 20px !important;
    color: var(--atos-light-blue) !important;
}

    span.locked-label a {
        color: var(--atos-light-blue) !important;
    }

        span.locked-label a:hover {
            color: var(--atos-blue) !important;
        }

    div.formbx.content-pad {
        margin-bottom: 40px !Important;
        background-color: var(--bs-body-color) !important;
        color: white;
    }

span.lcoked-label {
    color: var(--atos-light-blue) !important;
}

#dnn_ctr1771_ModuleContent {
    display: none;
}